<!doctype html>
<!--
@license
Copyright (c) 2017 The Polymer Project Authors. All rights reserved.
This code may only be used under the BSD style license found at http://polymer.github.io/LICENSE.txt
The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt
The complete set of contributors may be found at http://polymer.github.io/CONTRIBUTORS.txt
Code distributed by Google as part of the polymer project is also
subject to an additional IP rights grant found at http://polymer.github.io/PATENTS.txt
-->
<!--
  Port of https://github.com/Polymer/polymer/issues/4211
  Credit @MartinsThiago
-->
<html>
<head>
  <script src="../../node_modules/@webcomponents/webcomponentsjs/webcomponents-lite.js"></script>
  <script type="module" src="../../polymer-legacy.js"></script>
  <link rel="import" href="https://cdn.rawgit.com/PolymerElements/iron-selector/2.0-preview/iron-selector.html">
</head>
<body>

  <style>
    html {font-family: sans}
    div {padding: 5px}
    .iron-selected {background: deepskyblue}
  </style>

  <button onclick="console.log('works!')">First click me</button>

  <br>

  <iron-selector>
    <div>Click on me \o/ 1</div>
    <div>Click on me \o/ 2</div>
    <div>Click on me \o/ 3</div>
    <div>Click on me \o/ 4</div>
    <div>Click on me \o/ 5</div>
  </iron-selector>

  <button onclick="console.log('This is working after a few clicks')">Click last</button>

  <script type="module">
import { version } from '../../lib/utils/boot.js';
console.log("Using: " + version);
console.log("Ready to start bug demo");
</script>
</body>
</html>